<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <title>店铺</title>
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="config/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="config/css/base.css">
    <link rel="stylesheet" type="text/css" href="config/css/common.css">
    <link rel="stylesheet" type="text/css" href="css/page.css">
    <link href="config/css/star/star-rating.css" media="all" rel="stylesheet" type="text/css"/>
</head>
<body class="bgcolor">
<div class="dpInfo">
    <div class="dp-info-box"><img src="image/shop-info.png"></div>
    <div class="shop-banner">

        <ul class="shop-banner-ul">
            <li id="shop-banner2"><a href="#">简介</a></li>
            <li id="shop-banner3"><a href="#">评价<i class="graycolor f10 pl5">(4.5分)</i></a></li>
        </ul>
        <!--简介-->
       <div id="shop-banner-2" class="shop-introduce mt10">
             <div class="shop-introduce-option">
                 <div class="shop-introduce-title f16">
                     <span class="shopser-left">全程可视化空调清洗服务</span>
                 </div>
                 <div class="shop-introduce-content">
                     <p class="f12 graycolor">
                         杭州雷凌汽车服务店是一家专门从事于汽车服务行业的4S店。全程可视化空调清洗服务是本店服务最具特色的一种服务，清洗干净，口碑胜佳，致力于给顾客更优质的服务</p>
                 </div>
             </div>
             <div class="shop-introduce-option">
                 <div class="shop-introduce-title f16 mt10 ">
                     <span class="shopser-item"><img src="image/shop-map.png"><i class="pl5">地址</i></span>
                     <span class="shopser-conten">杭州市 西湖区XXX路88号</span>
                 </div>
                 <div class="shop-introduce-title f16">
                     <span class="shopser-item"><img src="image/shop-phone.png"><i class="pl5">电话</i></span>
                     <span class="shopser-conten">18721065288</span>
                 </div>
                 <div class="shop-introduce-title f16" id="shopser-service">
                     <span class="shopser-item"><img src="image/shop-service.png"><i class="pl5">服务</i></span>
                     <span class="shopser-conten">全程可视化空调清洗服务</span>
                 </div>
             </div>

         </div>

        <!--评价-->
        <div id="shop-banner-3" class="shop-evaluate">
            <div class="total-evaluate">
                <div class="total-evaluate-left">
                    <span class="f30 printcolor">4.5分</span>
                    <span class="f12 graycolor">综合评价</span>
                </div>
                <div class="total-evaluate-right">
                    <div class="pl20 total-xq-div">
                        <input disabled id="input-21d" value="4.5" type="number" class="rating" min=0 max=5 step=0.5
                               data-size="xs" style="padding-left: 20px;">
                        <span class="f12"><a href="#" class="graycolor">149单</a></span>
                    </div>
                </div>
            </div>
            <div class="evaluate-items">
                <ul class="evaluate-items-ul">
                    <li>
                        <div class="top-eval-user" style="clear: both">
                            <div class="eval-img"><img src="image/photo-small.png"></div>
                            <div class="eval-content">
                                 <p class="f12 pl5">name_001</p>
                                 <p>
                                   <span>
                                        <input disabled id="input-21e" value="4" type="number" class="rating" min=0 max=5 step=0.5
                                               data-size="xs">
                                   </span>

                                   <span class="top-eval-cartype f12 graycolor">帕萨特2015款</span>
                               </p>
                           </div>
                            <div class="eval-time f10 graycolor">6月23</div>
                        </div>
                       <div class="foot-evaluate">
                             <span class="f14">洗的很干净，好评，推荐大家去，服务不错。</span>
                        </div>

                    </li>
                    <li>
                        <div class="top-eval-user" style="clear: both">
                            <div class="eval-img"><img src="image/photo-small.png"></div>
                            <div class="eval-content">
                                <p class="f12 pl5">name_001</p>
                                <p>
                                   <span>
                                        <input disabled id="input-21a" value="5" type="number" class="rating" min=0 max=5 step=0.5
                                               data-size="xs">
                                   </span>

                                    <span class="top-eval-cartype f12 graycolor">帕萨特2015款</span>
                                </p>
                            </div>
                            <div class="eval-time f10 graycolor">6月23</div>
                        </div>
                        <div class="foot-evaluate">
                            <span class="f14">洗的很干净，好评，推荐大家去，服务不错。</span>
                        </div>
                    </li>
                    <li>
                        <div class="top-eval-user" style="clear: both">
                            <div class="eval-img"><img src="image/photo-small.png"></div>
                            <div class="eval-content">
                                <p class="f12 pl5">name_001</p>
                                <p>
                                   <span>
                                        <input disabled id="input-21b" value="4.5" type="number" class="rating" min=0 max=5 step=0.5
                                               data-size="xs">
                                   </span>

                                    <span class="top-eval-cartype f12 graycolor">帕萨特2015款</span>
                                </p>
                            </div>
                            <div class="eval-time f10 graycolor">6月23</div>
                        </div>
                        <div class="foot-evaluate">
                            <span class="f14">洗的很干净，好评，推荐大家去，服务不错。</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
<script src="config/js/jquery.min.js" type="text/javascript"></script>
<script src="config/js/star/star-rating.js" type="text/javascript"></script>
<script type="application/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script>
    $(function () {
        $(".shop-banner-ul li:first").addClass("boot-botder");
            $("#shop-banner-3").hide();

        $("#shop-banner2").click(function () {
            $("#shop-banner2").addClass("boot-botder");
            $("#shop-banner3").removeClass("boot-botder");
            $("#shop-banner-2").show();
            $("#shop-banner-3").hide();
        });
        $("#shop-banner3").click(function () {
            $("#shop-banner3").addClass("boot-botder");
            $("#shop-banner2").removeClass("boot-botder");
            $("#shop-banner-3").show();
            $("#shop-banner-2").hide();
        });
        $("#shopser-service").click(function () {
            window.location.href = 'serviceDetails.html';
        })
    });
</script>
</html>